<template>
	<div class="Begin">
        <h3 class="title" v-text="Lang.beginTitle[lang][0]" />
        <span class="short" v-text="Lang.beginTitle[lang][1]"></span>
		<div class="btnbox fcb">
            <hb-button :txt="Lang.beginBtn[lang][0]" @clk="e_sign_('signin')" />
            <hb-button :txt="Lang.beginBtn[lang][1]" @clk="e_sign_('signup')"  clr="s1" />
		</div>
	</div>
</template>

<script>
import Lang from "./lang.js";
export default {
	name: "Cbegin",
	data() {
		return {
			Lang,
			langSelects: [{ value: 0, txt: "简体中文" }, { value: 1, txt: "English" }]
		};
	},
	computed: {
		lang() {
			return this.$store.state.setting.lang;
		},
	},
	methods: {
		e_sign_(s) {
			this.$router.push('/' + s);
		}
	}
};
</script>

<style scoped>
.Begin {
    --tclr: #a7b6c8;
    overflow: hidden;
	height: 353px;
	background-color: #202437;
    text-align: center;
}
.title {
    margin-top: 60px;
	font-size: 30px;
	color: var(--tclr);
}
.short {
	font-size: 18px;
    color: var(--tclr);
}
.btnbox {
    margin: 60px auto;
    width: 440px;
}
</style>
